<template>
  <div class='app'>
    <div style='text-align: center'>
      <van-button @click="$router.push('/layout/button')">按钮如何居中</van-button>
    </div>
    <div class='center'>
      <van-button @click="$router.push('/layout/basic')">基础布局</van-button>
    </div>
    <div class='center'>
      <van-button @click="$router.push('/layout/position')">布局基础</van-button>
    </div>
    <div class='center'>
      <van-button @click="$router.push('/store/basic')">store 存取使用</van-button>
    </div>

    <keep-alive>
      <template>
        <router-view v-if='$route.meta.keepAlive'></router-view>
        <router-view v-if='!$route.meta.keepAlive'></router-view>
      </template>
    </keep-alive>
  </div>
</template>
<script>
export default {
  name: 'App',
  computed: {},
  data() {
    return {}
  },
  created() {
    if (this.$isZhb) {
      this.$store.dispatch('app/setUserInfo')
    }
  },
  watch: {},
  methods: {}
}
</script>
<style lang='scss'>
.app {
  height: 100%;
  width: 100%;

  .center {
    text-align: center;
    margin: 10px;
  }
}
</style>
